<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <!--_blank的意思是在新的标签页打开这个链接-->
    <br/>

    <!--这样点击每个链接的时候就会自动跳转到对应的段落-->
    <a href="#q1">第一章</a>
    <a href="#q2">第二章</a>
    <a href="#q3">第三章</a>
    <a href="#q4">第四章</a>
    <div id="q1" style="height:600px;">第一章的内容第一章的内容第一章的内容第一章的内容第一章的内容</div>
    <div id="q2" style="height:600px;">第二章的内容</div>
    <div id="q3" style="height:600px;">第三章的内容</div>
    <div id="q4" style="height:600px;">第四章的内容</div>


</body>
</html>